<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" isELIgnored="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title>数据 - AdminLTE2定制版 | Log in</title>

<meta
	content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
	name="viewport">

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/ionicons/css/ionicons.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/adminLTE/css/AdminLTE.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/plugins/iCheck/square/blue.css">
</head>

<body class="hold-transition login-page">

	<%
		String username="";
		String pwd="";
		String ck="";
		//获取cookie
		Cookie[] cookies=request.getCookies();
		if(cookies!=null){
			//遍历cookies
			for (int i=0;i<cookies.length;i++){
				String key=cookies[i].getName();
				if("username".equals(key)){
					username=cookies[i].getValue();
				}else if("pwd".equals(key)){
					pwd=cookies[i].getValue();
					ck="checked";
				}
			}

			//获取的用户名和密码存放在request作用域下
			request.setAttribute("username",username);
			request.setAttribute("pwd",pwd);
			request.setAttribute("ck",ck);
		}

	%>




	<div class="login-box">
		<div class="login-logo">
			<a href="all-admin-index.html"><b>ITCAST</b>后台管理系统</a>
		</div>
		<!-- /.login-logo -->
		<div class="login-box-body">
			<p class="login-box-msg">登录系统</p>

			<form action="${pageContext.request.contextPath}/user/login" method="post" name="form1">
				<div class="form-group has-feedback">
					<input type="text" name="username" class="form-control" value="${username}"
						placeholder="用户名" id="username"> <span
						class="glyphicon glyphicon-envelope form-control-feedback"></span>
				</div>
				<div class="form-group has-feedback">
					<input type="password" name="password" class="form-control" value="${pwd}"
						placeholder="密码" id="pwd"> <span
						class="glyphicon glyphicon-lock form-control-feedback"></span>
				</div>
				<div>
					<span id="sp">${cwu}</span>
				</div>
				<div class="row">
					<div class="col-xs-8">
						<div class="checkbox icheck">
<%--							<label><input type="checkbox"  value="1" name="ck" id="ck"> 记住 下次自动登录</label>--%>
							<label><input type="checkbox" ${ck}  value="1" name="ck" id="ck"> 记住 下次自动登录</label>
						</div>
					</div>
					<!-- /.col -->
					<div class="col-xs-4">
						<button  type="submit" class="btn btn-primary btn-block btn-flat">登录</button>
					</div>
					<!-- /.col -->
				</div>
			</form>

			<a href="#">忘记密码</a><br>


		</div>
		<!-- /.login-box-body -->
	</div>
	<!-- /.login-box -->

	<!-- jQuery 2.2.3 -->
	<!-- Bootstrap 3.3.6 -->
	<!-- iCheck -->
	<script
		src="${pageContext.request.contextPath}/plugins/jQuery/jquery-2.2.3.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/bootstrap/js/bootstrap.min.js"></script>
	<script
		src="${pageContext.request.contextPath}/plugins/iCheck/icheck.min.js"></script>
	<script>
		$(function() {

			$('input').iCheck({
				checkboxClass : 'icheckbox_square-blue',
				radioClass : 'iradio_square-blue',
				increaseArea : '20%' // optional
			});
		});
	</script>
<script >
	$(function () {

		if(document.getElementById("sp").innerText =="0"){
			document.getElementById("sp").innerText="账号或密码错误,请重新输入"
			document.getElementById("sp").style.color="red"
		}else {
			//自动登陆
			if(${logout !="0"}){
		if(document.getElementById("ck").checked == true){
			if(confirm("是否自动登录")){
				setTimeout("document.form1.submit()",1000)
			}
		}
		}
		}
	})
		//当密码框点击事件
		document.getElementById("pwd").onfocus=function () {
		document.getElementById("sp").innerText=""
	}
	/*$("#username").change(function () {
		alert(".........");

		//alert($("#ck").prop("checked"));
		//$("#ck").attr("checked",true);
	});*/
	//用户框内容改变事件
	// document.getElementById("username").onchange=function () {
	// 	alert("123")
	//
	// 	 document.getElementById("ck").checked=false;
	// 	/*// 获取记住用户名状态
	// 	let $ck = $("#ck").prop("checked");
	//
	// 	// 取消记住用户名状态
	// 	$ck.prop("checked",false);
	// 	alert($ck)*/
	// }




</script>

</body>

</html>
<%--
location.href="${pageContext.request.contextPath}/user/login?username=${username}&password=${pwd}"--%>
